<template>
  <div>
    <el-dialog
      id="pricesDialog1"
      title="添加维修物料"
      :visible.sync="dialogshow"
      :before-close="dialogClose"
      style="display: none"
      top="10vh"
      width="90%"
      :fullscreen="fullscreen"
    >
      <dialog-tools
        v-bind:back="true"
        v-bind:next="true"
        v-bind:goback="true"
        v-bind:prev="true"
        v-bind:screen="true"
        @clickfullscreen="clickfullscreen"
      >
      </dialog-tools>
      <el-form
        id="form-baoji"
        size="mini"
        :model="formData"
        label-width="100px"
        style="height: 500px; overflow: auto"
        label-position="top"
        :inline="true"
      >
        <el-row>
          <el-col :span="20">
            <el-form-item label="主石" prop="field101">
              <el-select
                v-model="formData.field101"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field101Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="客户提供" prop="field3000">
              <el-checkbox-group v-model="formData.field3000" size="medium">
                <el-checkbox
                  v-for="(item, index) in field3000Options"
                  :key="index"
                  :label="item.value"
                  :disabled="item.disabled"
                  >{{ item.label }}</el-checkbox
                >
              </el-checkbox-group>
            </el-form-item>
            <!-- 客户提供 为是 显示  声明价值   否时显示单价和总价 另一个隐藏-->
            <el-form-item label="声明价值" prop="field113">
              <el-input
                v-model="formData.field113"
                placeholder="声明价值"
                style="width: 80px"
              ></el-input>
            </el-form-item>
            <el-form-item label="形状" prop="field2000">
              <el-select
                v-model="formData.field2000"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field2000Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>

            <el-form-item label="色泽/颜色" prop="field105">
              <el-select
                v-model="formData.field105"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field105Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="净度" prop="field102">
              <el-select
                v-model="formData.field102"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field102Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="切工" prop="field110">
              <el-select
                v-model="formData.field110"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field110Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="数量（粒）" prop="field112">
              <el-input-number
                v-model="formData.field112"
                placeholder="请输入"
                :step="1"
                controls-position="right"
                :min="1"
                :max="10000"
                style="width: 80px"
              ></el-input-number>
            </el-form-item>
            <el-form-item label="CT（克拉重）" prop="field108">
              <el-input-number
                v-model="formData.field108"
                placeholder="请输入"
                :step="0.001"
                :precision="3"
                controls-position="right"
                :max="10000"
                style="width: 100px"
              ></el-input-number>
            </el-form-item>

            <el-form-item label="主石单价" prop="field113">
              <el-input-number
                v-model="formData.field113"
                placeholder="请输入物品单价"
                :step="1"
                controls-position="right"
                :max="10000000"
                style="width: 100px"
              ></el-input-number>
            </el-form-item>
            <el-form-item label="主石总价" prop="field113">
              <el-input
                v-model="formData.field113"
                placeholder="主石总价"
                :disabled="true"
                clearable
                style="width: 100px"
              ></el-input>
            </el-form-item>

            <el-form-item label="镶石费单价" prop="field118">
              <el-input-number
                v-model="formData.field118"
                placeholder="请输入"
                :step="1"
                controls-position="right"
                style="width: 100px"
              ></el-input-number>
            </el-form-item>

            <el-form-item label="镶石费总价" prop="field123">
              <el-input
                v-model="formData.field123"
                placeholder="镶石费总价"
                :disabled="true"
                clearable
                style="width: 100px"
              ></el-input>
            </el-form-item> </el-col
          ><el-col :span="1" class="col-button">
            <el-tooltip content="确定添加" placement="bottom">
              <el-button
                type="primary"
                icon="el-icon-plus"
                size="mini"
              ></el-button>
            </el-tooltip> </el-col
          ><el-col :span="3" class="col-sum"
            ><div class="sum-xj">小计：200000元</div>
          </el-col></el-row
        >
        <el-row>
          <div
            @click="showTableZs = !showTableZs"
            style="folat: right; width: 100%; font-size: 16px; cursor: pointer"
          >
            <el-row
              ><el-col :span="3">已添加主石 3种</el-col
              ><el-col :span="3">总数量 10粒</el-col
              ><el-col :span="3">总重量 200.005克拉 </el-col
              ><el-col :span="3">主石总价 50000元</el-col
              ><el-col :span="3">总镶石费2000元</el-col
              ><el-col :span="3">&nbsp;</el-col><el-col :span="1">&nbsp;</el-col
              ><el-col :span="3"
                >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                  class="el-icon-view el-icon--right"
                ></i>
                查看详情</el-col
              ></el-row
            >
          </div>
        </el-row>
        <el-row
          ><el-col :span:="24">
            <el-table
              v-if="showTableZs"
              ref="multipleTable"
              stripe
              :data="tableDataZs"
              :show-summary="true"
              border
              row-class-name="tableRow"
              header-row-class-name="tableHeader"
              :highlight-current-row="true"
              @row-dblclick="dialogClose"
              style="width: 100%; border-top: 1px solid #c5c5c5"
            >
              <el-table-column type="selection" width="60"></el-table-column>
              <el-table-column
                prop="id"
                label="序号"
                width="50"
              ></el-table-column>
              <el-table-column
                prop="name"
                label="主石"
                sortable
              ></el-table-column>
              <el-table-column prop="kfgh" label="客户提供"> </el-table-column>
              <el-table-column prop="smjz" label="声明价值"> </el-table-column>
              <el-table-column prop="xz" label="形状"> </el-table-column>

              <el-table-column prop="ys" label="色泽/颜色"></el-table-column>
              <el-table-column
                prop="jd"
                label="净度"
                width="50"
              ></el-table-column>

              <el-table-column prop="qg" label="切工"></el-table-column>
              <el-table-column
                prop="number"
                label="数量"
                width="50"
              ></el-table-column>
              <el-table-column prop="ct" label="CT（克拉重）"></el-table-column>

              <el-table-column prop="zsdj" label="主石单价"></el-table-column>
              <el-table-column prop="zszj" label="主石总价"></el-table-column>
              <el-table-column prop="xsfdj" label="镶石费单价">
              </el-table-column>
              <el-table-column prop="xsfzj" label="镶石费总价">
              </el-table-column>

              <el-table-column prop="price_sum" label="总价"></el-table-column>
              <el-table-column width="80">
                <template slot="header" slot-scope="scope">
                  <el-tooltip content="删除选中" placement="bottom">
                    <el-button
                      @click="dialogAdd(scope)"
                      type="danger"
                      icon="el-icon-delete"
                      size="mini"
                    >
                    </el-button>
                  </el-tooltip>
                </template>
                <template slot-scope="scope">
                  <el-tooltip content="删除" placement="bottom">
                    <el-button
                      @click="dialogAdd(scope)"
                      type="danger"
                      icon="el-icon-delete"
                      size="mini"
                    >
                    </el-button>
                  </el-tooltip>
                </template>
              </el-table-column>
            </el-table> </el-col
        ></el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="20">
            <el-form-item label="副石" prop="field170">
              <el-select
                v-model="formData.field170"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field170Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="客户提供" prop="field3000">
              <el-checkbox-group v-model="formData.field3000" size="medium">
                <el-checkbox
                  v-for="(item, index) in field3000Options"
                  :key="index"
                  :label="item.value"
                  :disabled="item.disabled"
                  >{{ item.label }}</el-checkbox
                >
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="形状" prop="field2000">
              <el-select
                v-model="formData.field2000"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field2000Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>

            <el-form-item label="色泽/颜色" prop="field105">
              <el-select
                v-model="formData.field105"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field105Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="净度" prop="field172">
              <el-select
                v-model="formData.field172"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field172Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="切工" prop="field110">
              <el-select
                v-model="formData.field110"
                placeholder="请选择"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field110Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="数量（粒）" prop="field171">
              <el-input-number
                v-model="formData.field171"
                placeholder="请输入"
                :step="1"
                controls-position="right"
                :min="1"
                :max="10000"
                style="width: 80px"
              ></el-input-number>
            </el-form-item>
            <el-form-item label="CT（克拉重）" prop="field174">
              <el-input-number
                v-model="formData.field174"
                placeholder="请输入"
                :step="0.001"
                :precision="3"
                controls-position="right"
                :max="10000"
                style="width: 100px"
              ></el-input-number>
            </el-form-item>
            <!-- 客户提供 选是时  有配石费  ，没有副石单价和总价， 否时相反 -->
            <el-form-item label="副石单价" prop="field177">
              <el-input-number
                v-model="formData.field177"
                placeholder="副石单价"
                :step="1"
                controls-position="right"
                :max="10000000"
                style="width: 100px"
              ></el-input-number>
            </el-form-item>
            <el-form-item label="副石总价" prop="field177">
              <el-input
                v-model="formData.field177"
                placeholder="副石总价"
                :disabled="true"
                clearable
                style="width: 100px"
              ></el-input>
            </el-form-item>
            <el-form-item label="配石费" prop="field177">
              <el-input
                v-model="formData.field177"
                placeholder="配石费"
                clearable
                style="width: 100px"
              ></el-input>
            </el-form-item>

            <el-form-item label="镶石费单价" prop="field180">
              <el-input-number
                v-model="formData.field180"
                placeholder="请输入"
                :step="1"
                controls-position="right"
                style="width: 100px"
              ></el-input-number>
            </el-form-item>

            <el-form-item label="镶石费总价" prop="field181">
              <el-input
                v-model="formData.field181"
                placeholder="镶石费总价"
                :disabled="true"
                clearable
                style="width: 100px"
              ></el-input>
            </el-form-item> </el-col
          ><el-col :span="1" class="col-button">
            <el-tooltip content="确定添加" placement="bottom">
              <el-button
                type="primary"
                icon="el-icon-plus"
                size="mini"
              ></el-button>
            </el-tooltip> </el-col
          ><el-col :span="3" class="col-sum"
            ><div class="sum-xj">小计：200000元</div>
          </el-col></el-row
        >
        <el-row>
          <div
            @click="showTableFs = !showTableFs"
            style="folat: right; width: 100%; font-size: 16px; cursor: pointer"
          >
            <el-row
              ><el-col :span="3">已添加副石 3种</el-col
              ><el-col :span="3">总数量 12粒</el-col
              ><el-col :span="3">总重量 100.005克拉 </el-col
              ><el-col :span="3">副石总价 50000元</el-col
              ><el-col :span="3">总镶石费2000元</el-col
              ><el-col :span="3">&nbsp;</el-col><el-col :span="1">&nbsp;</el-col
              ><el-col :span="3"
                >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                  class="el-icon-view el-icon--right"
                ></i>
                查看详情</el-col
              ></el-row
            >
          </div>
        </el-row>

        <el-row
          ><el-col :span:="24">
            <el-table
              v-if="showTableFs"
              ref="multipleTable"
              stripe
              :data="tableDataFs"
              :show-summary="true"
              border
              row-class-name="tableRow"
              header-row-class-name="tableHeader"
              :highlight-current-row="true"
              @row-dblclick="dialogClose"
              style="width: 100%; border-top: 1px solid #c5c5c5"
            >
              <el-table-column type="selection" width="60"></el-table-column>
              <el-table-column
                prop="id"
                label="序号"
                width="50"
              ></el-table-column>
              <el-table-column
                prop="name"
                label="副石"
                sortable
              ></el-table-column>
              <el-table-column prop="kfgh" label="客户提供"> </el-table-column>
              <el-table-column prop="xz" label="形状"> </el-table-column>

              <el-table-column prop="ys" label="色泽/颜色"></el-table-column>
              <el-table-column
                prop="jd"
                label="净度"
                width="80"
              ></el-table-column>

              <el-table-column prop="qg" label="切工"></el-table-column>
              <el-table-column
                prop="number"
                label="数量"
                width="50"
              ></el-table-column>
              <el-table-column prop="ct" label="CT（克拉重）"></el-table-column>

              <el-table-column prop="zsdj" label="副石单价"></el-table-column>
              <el-table-column prop="zszj" label="副石总价"></el-table-column>
              <el-table-column prop="psf" label="配石费"> </el-table-column>
              <el-table-column prop="xsfdj" label="镶石费单价">
              </el-table-column>
              <el-table-column prop="xsfzj" label="镶石费总价">
              </el-table-column>

              <el-table-column prop="price_sum" label="总价"></el-table-column>
              <el-table-column width="80">
                <template slot="header" slot-scope="scope">
                  <el-tooltip content="删除选中" placement="bottom">
                    <el-button
                      @click="dialogAdd(scope)"
                      type="danger"
                      icon="el-icon-delete"
                      size="mini"
                    >
                    </el-button>
                  </el-tooltip>
                </template>
                <template slot-scope="scope">
                  <el-tooltip content="删除" placement="bottom">
                    <el-button
                      @click="dialogAdd(scope)"
                      type="danger"
                      icon="el-icon-delete"
                      size="mini"
                    >
                    </el-button>
                  </el-tooltip>
                </template>
              </el-table-column>
            </el-table> </el-col
        ></el-row>
        <el-divider></el-divider>

        <el-row>
          <el-col :span="20">
            <el-form-item label="金属品类" prop="field127">
              <el-cascader
                v-model="formData.field127"
                :options="field127Options"
                :props="field127Props"
                style="width: 100px"
                placeholder="请选择金属品类"
                clearable
              ></el-cascader>
            </el-form-item>
            <el-form-item label="客户提供" prop="field3000">
              <el-checkbox-group v-model="formData.field3000" size="medium">
                <el-checkbox
                  v-for="(item, index) in field3000Options"
                  :key="index"
                  :label="item.value"
                  :disabled="item.disabled"
                  >{{ item.label }}</el-checkbox
                >
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="实时金价（克）" prop="field143">
              <el-input-number
                v-model="formData.field143"
                placeholder="金属单价"
                :step="1"
                controls-position="right"
                :max="10000000"
              ></el-input-number>
            </el-form-item>

            <el-form-item label="成色（%）" prop="field128">
              <el-input
                v-model="formData.field128"
                placeholder="成色（%）"
                clearable
                style="width: 100px"
              >
              </el-input>
            </el-form-item>
            <el-form-item label="单位" prop="field140">
              <el-select
                v-model="formData.field140"
                placeholder="单位"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field140Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="色泽/颜色" prop="field135">
              <el-select
                v-model="formData.field135"
                placeholder="请选择色泽/颜色"
                clearable
                style="width: 100px"
              >
                <el-option
                  v-for="(item, index) in field135Options"
                  :key="index"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                ></el-option>
              </el-select> </el-form-item
            ><el-form-item label="净金重（克）" prop="field137">
              <el-input
                v-model="formData.field137"
                placeholder="净金重"
                clearable
                style="width: 100px"
              ></el-input>
            </el-form-item>
            <el-form-item label="损耗率（%）">
              <el-input
                v-model="customer.brand"
                auto-complete="off"
                style="width: 100px"
              ></el-input>
            </el-form-item>
            <el-form-item label="连耗重（克）" prop="field137">
              <el-input
                v-model="formData.field137"
                placeholder="连耗重"
                clearable
                style="width: 100px"
              ></el-input>
            </el-form-item>
            <el-form-item label="金属总价" prop="field142">
              <el-input
                v-model="formData.field142"
                placeholder="金属单价"
                :disabled="true"
                clearable
                style="width: 100px"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="1" class="col-button">
            <el-tooltip content="确定添加" placement="bottom">
              <el-button
                type="primary"
                icon="el-icon-plus"
                size="mini"
              ></el-button>
            </el-tooltip> </el-col
          ><el-col :span="3" class="col-sum"
            ><div class="sum-xj">小计：200000元</div>
          </el-col></el-row
        >

        <el-row>
          <div
            @click="showTableGjs = !showTableGjs"
            style="folat: right; width: 100%; font-size: 16px; cursor: pointer"
          >
            <el-row
              ><el-col :span="3">已添加金属 3种</el-col
              ><el-col :span="3">总重量 200.5克 </el-col
              ><el-col :span="3">金属总价 50000元</el-col
              ><el-col :span="3">&nbsp;</el-col><el-col :span="3">&nbsp;</el-col
              ><el-col :span="3">&nbsp;</el-col><el-col :span="1">&nbsp;</el-col
              ><el-col :span="3"
                >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                  class="el-icon-view el-icon--right"
                ></i>
                查看详情</el-col
              ></el-row
            >
          </div>
        </el-row>
        <el-row
          ><el-col :span:="24">
            <el-table
              v-if="showTableGjs"
              ref="multipleTable"
              stripe
              :data="tableDataGjs"
              :show-summary="true"
              border
              row-class-name="tableRow"
              header-row-class-name="tableHeader"
              :highlight-current-row="true"
              @row-dblclick="dialogClose"
              style="width: 100%; border-top: 1px solid #c5c5c5"
            >
              <el-table-column type="selection" width="60"></el-table-column>
              <el-table-column
                prop="id"
                label="序号"
                width="50"
              ></el-table-column>
              <el-table-column
                prop="name"
                label="金属"
                sortable
              ></el-table-column>
              <el-table-column prop="kfgh" label="客户提供"> </el-table-column>
              <el-table-column
                prop="ssjj"
                label="实时金价（克）"
              ></el-table-column>
              <el-table-column prop="cs" label="成色"></el-table-column>
              <el-table-column prop="dw" label="单位"></el-table-column>
              <el-table-column prop="ys" label="色泽/颜色"></el-table-column>

              <el-table-column
                prop="jjz"
                label="净金重（克）"
              ></el-table-column>
              <el-table-column prop="shl" label="损耗率%"></el-table-column>
              <el-table-column
                prop="lhz"
                label="连耗重（克）"
              ></el-table-column>
              <el-table-column prop="gjszj" label="金属总价"></el-table-column>

              <el-table-column prop="price_sum" label="总价"></el-table-column>
              <el-table-column width="80">
                <template slot="header" slot-scope="scope">
                  <el-tooltip content="删除选中" placement="bottom">
                    <el-button
                      @click="dialogAdd(scope)"
                      type="danger"
                      icon="el-icon-delete"
                      size="mini"
                    >
                    </el-button>
                  </el-tooltip>
                </template>
                <template slot-scope="scope">
                  <el-tooltip content="删除" placement="bottom">
                    <el-button
                      @click="dialogAdd(scope)"
                      type="danger"
                      icon="el-icon-delete"
                      size="mini"
                    >
                    </el-button>
                  </el-tooltip>
                </template>
              </el-table-column>
            </el-table> </el-col
        ></el-row>
        <el-divider></el-divider>

        <el-row>
          <el-col :span="20">
            <el-row>
              <el-form-item label="配件" prop="field198">
                <el-select
                  v-model="formData.field198"
                  placeholder="配件1"
                  clearable
                  style="width: 100px"
                >
                  <el-option
                    v-for="(item, index) in field198Options"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                    :disabled="item.disabled"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="客户提供" prop="field3000">
                <el-checkbox-group v-model="formData.field3000" size="medium">
                  <el-checkbox
                    v-for="(item, index) in field3000Options"
                    :key="index"
                    :label="item.value"
                    :disabled="item.disabled"
                    >{{ item.label }}</el-checkbox
                  >
                </el-checkbox-group>
              </el-form-item>
              <el-form-item label="材质" prop="field205">
                <el-cascader
                  v-model="formData.field205"
                  :options="field205Options"
                  :props="field205Props"
                  style="width: 100px"
                  clearable
                ></el-cascader>
              </el-form-item>

              <el-form-item label="计价方式" prop="field204">
                <el-select
                  v-model="formData.field204"
                  placeholder="计价方式"
                  clearable
                  style="width: 120px"
                >
                  <el-option
                    v-for="(item, index) in field204Options"
                    :key="index"
                    :label="item.label"
                    :value="item.value"
                    :disabled="item.disabled"
                  ></el-option>
                </el-select>
              </el-form-item>

              <el-form-item label="成色（%）" prop="field188">
                <el-input
                  v-model="formData.field188"
                  placeholder="成色（%）"
                  clearable
                  style="width: 100px"
                >
                </el-input>
              </el-form-item>
              <el-form-item label="颜色" prop="field188">
                <el-input
                  v-model="formData.field188"
                  placeholder="颜色"
                  clearable
                  style="width: 100px"
                >
                </el-input>
              </el-form-item>

              <el-form-item label="规格尺寸" prop="field191">
                <el-input
                  v-model="formData.field191"
                  placeholder="请选择尺寸"
                  clearable
                  style="width: 100px"
                >
                </el-input>
              </el-form-item>
              <el-form-item label="数量" prop="field189">
                <el-input-number
                  v-model="formData.field189"
                  placeholder="请输入数量"
                  :step="1"
                  controls-position="right"
                  :min="1"
                  :max="10000"
                  style="width: 100px"
                ></el-input-number>
              </el-form-item>
              <el-form-item label="货重（克/件）" prop="field192">
                <el-input
                  v-model="formData.field192"
                  placeholder="货重（克/件）"
                  clearable
                  style="width: 100px"
                >
                </el-input>
              </el-form-item>
              <el-form-item label="总货重（克）" prop="field201">
                <el-input
                  v-model="formData.field201"
                  placeholder="请输入总货重"
                  :disabled="true"
                  clearable
                  style="width: 100px"
                ></el-input>
              </el-form-item>
              <!-- 选择计价方式后  配件单价和工费单价后面自动修改成 克 或 件 -->
              <el-form-item label="配件单价（克/件）" prop="field195">
                <el-input-number
                  v-model="formData.field195"
                  placeholder="配件单价"
                  :step="1"
                  controls-position="right"
                  :max="10000000"
                ></el-input-number>
              </el-form-item>
              <el-form-item label="配件总价" prop="field194">
                <el-input
                  v-model="formData.field194"
                  placeholder="配件总价"
                  :disabled="true"
                  clearable
                  style="width: 100px"
                ></el-input>
              </el-form-item>
            </el-row>
            <el-row>
              <el-form-item label="工费单价（克/件）" prop="field202">
                <el-input-number
                  v-model="formData.field202"
                  placeholder="工费单价"
                  :step="1"
                  style="width: 100px"
                  controls-position="right"
                ></el-input-number>
              </el-form-item>
              <el-form-item label="工费总价" prop="field203">
                <el-input
                  v-model="formData.field203"
                  placeholder="工费总价"
                  :disabled="true"
                  clearable
                  style="width: 100px"
                ></el-input>
              </el-form-item>
            </el-row>
          </el-col>
          <el-col :span="1" class="col-button">
            <el-tooltip content="确定添加" placement="bottom">
              <el-button
                type="primary"
                icon="el-icon-plus"
                size="mini"
              ></el-button> </el-tooltip></el-col
          ><el-col :span="3" class="col-sum"
            ><div class="sum-xj">小计：200000元</div>
          </el-col></el-row
        >

        <el-row>
          <div
            @click="showTablePj = !showTablePj"
            style="folat: right; width: 100%; font-size: 16px; cursor: pointer"
          >
            <el-row
              ><el-col :span="3">已添加配件 3种</el-col
              ><el-col :span="3">总数量 10件</el-col
              ><el-col :span="3">总重量 200.5克 </el-col
              ><el-col :span="3">工费2000元</el-col
              ><el-col :span="3">金属总价 50000元</el-col
              ><el-col :span="3">&nbsp;</el-col><el-col :span="1">&nbsp;</el-col
              ><el-col :span="3"
                >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i
                  class="el-icon-view el-icon--right"
                ></i>
                查看详情</el-col
              ></el-row
            >
          </div>
        </el-row>
        <el-row
          ><el-col :span:="24">
            <el-table
              v-if="showTablePj"
              ref="multipleTable"
              stripe
              :data="tableDataPj"
              :show-summary="true"
              border
              row-class-name="tableRow"
              header-row-class-name="tableHeader"
              :highlight-current-row="true"
              @row-dblclick="dialogClose"
              style="width: 100%; border-top: 1px solid #c5c5c5"
            >
              <el-table-column type="selection" width="60"></el-table-column>
              <el-table-column
                prop="id"
                label="序号"
                width="50"
              ></el-table-column>
              <el-table-column
                prop="name"
                label="配件"
                sortable
              ></el-table-column>
              <el-table-column prop="kfgh" label="客户提供"> </el-table-column>
              <el-table-column
                prop="namegjs"
                label="材质"
                sortable
              ></el-table-column>
              <el-table-column prop="jjfs" label="计价方式"></el-table-column>
              <el-table-column prop="cs" label="成色%"></el-table-column>
              <el-table-column prop="ys" label="颜色"></el-table-column>

              <el-table-column prop="ggcc" label="规格尺寸"></el-table-column>
              <el-table-column prop="number" label="数量"></el-table-column>
              <el-table-column
                prop="hz"
                label="货重（克/件）"
              ></el-table-column>
              <el-table-column
                prop="zhz"
                label="总货重（克）"
              ></el-table-column>
              <el-table-column
                prop="pjdj"
                label="配件单价（克/件）"
              ></el-table-column>
              <el-table-column prop="pjzj" label="配件总价"></el-table-column>
              <el-table-column
                prop="gfdj"
                label="工费单价（克/件）"
              ></el-table-column>
              <el-table-column prop="gfzj" label="工费总价"></el-table-column>
              <el-table-column prop="price_sum" label="总价"></el-table-column>
              <el-table-column width="80">
                <template slot="header" slot-scope="scope">
                  <el-tooltip content="删除选中" placement="bottom">
                    <el-button
                      @click="dialogAdd(scope)"
                      type="danger"
                      icon="el-icon-delete"
                      size="mini"
                    >
                    </el-button>
                  </el-tooltip>
                </template>
                <template slot-scope="scope">
                  <el-tooltip content="删除" placement="bottom">
                    <el-button
                      @click="dialogAdd(scope)"
                      type="danger"
                      icon="el-icon-delete"
                      size="mini"
                    >
                    </el-button>
                  </el-tooltip>
                </template>
              </el-table-column>
            </el-table> </el-col
        ></el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogClose">取 消</el-button>
        <el-button type="primary" @click="dialogAdd">确定</el-button>
      </div>
    </el-dialog>
    <dialog-search-customer
      v-bind:dialogshow="dialogSearchCustomer"
      @dialog_close="dialog_close_search_customer"
    ></dialog-search-customer>
    <dialog-search-product
      v-bind:dialogshow="dialogSearchProduct"
      @dialog_close="dialog_close_search_product"
    ></dialog-search-product>
  </div>
</template>

<style scoped>
.sum-xj {
  margin-top: 15px;
}
.baojia-tabs .el-tab-pane {
  min-height: 400px;
}
.upload-row .el-col-3 {
  height: 200px;
}
.upload-row .el-col-3 button {
  margin-left: 40px;
}
.col-sum {
  padding-top: 10px;
  font-size: 18px;
}
#form-baoji .el-input {
  width: 90%;
}
#form-baoji .el-row {
  margin-bottom: 0px;
}
#form-baoji.el-form--label-top .el-form-item__label {
  padding-bottom: 0px;
}
#form-baoji .el-divider--horizontal {
  margin: 5px 0;
}
.el-col.col-button {
  padding-top: 26px;
}

#form-baoji .el-form-item {
  width: auto !important;
  float: left;
  margin-bottom: 5px;
}
#customerDialog .el-form-item {
  width: 45%;
  float: left;
  margin-bottom: 5px;
}

#customerDialog .el-form-item:nth-child(odd) {
  float: right;
}

.el-dialog__body,
.el-form {
  overflow: hidden;
}

#form-baoji .el-form {
  border: 0 solid #fff !important;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.td-lable,
.td-info {
  display: inline-table;
  vertical-align: -webkit-baseline-middle;
}

.td-lable {
  text-align: right;
  width: 100px;
}

.td-info {
  margin-left: 20px;
}

.tabs-table td {
  height: 50px;
  border-bottom: 1px solid #dcdfe6;
}
.customer-tabs .el-tab-pane {
  height: 400px;
  overflow: auto;
  padding: 20px;
}
</style>

<script>
module.exports = {
  methods: {

    handleRemove(file, fileList) {
      console.log(file, fileList);
    },
    handlePreview(file) {
      console.log(file);
    },

    beforeRemove(file, fileList) {
      return this.$confirm(`确定移除 ${file.name}？`);
    },

    dialogAdd() {
      this.$confirm("是否继续操作?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
    dialogClose() {
      this.$emit("dialog_close", 1);
    },
    clickfullscreen() {
      this.fullscreen = !this.fullscreen;
    },
    //跟进
    dialog_close_genji_customer(val) {
      console.log(val);
      this.dialogCustomerGenji = false;
    },
    dialog_close_search_customer(val) {
      console.log(val);
      this.dialogSearchCustomer = false;
    },
    dialog_close_search_product(val) {
      console.log(val);
      this.dialogSearchProduct = false;
    },

    handleButtons(val) {
      console.log(2222);
      switch (val) {
        case 1:
          this.dialogSendMessage = "true";
          console.log(this.dialogSendMessage);
          break;
        case 2:
          console.log(333);
          this.dialogSearchCustomer = "true";
          console.log(this.dialogSearchCustomer);
          break;
        case 3:
          console.log(333);
          this.dialogSearchProduct = "true";
          console.log(this.dialogSearchProduct);
          break;

        case 10:
          console.log(333);
          this.dialogCustomerInfo = "false";
          this.dialogCustomerGenji = "true";
          console.log(this.dialogCustomerGenji);
          break;
      }
    },
    addData() {
      this.tableDatas.push({
        edit: true,
      });
    },
    //确认添加
    confirmAdd(row) {
      row.edit = false;
    },
    //修改
    editData(row) {
      row.edit = true;
    },
    //删除
    deleteData(row, index) {
      this.tableDatas.splice(index, 1);
    },
  },
  props: ["dialogshow"],
  data() {
    return {
      showTableZs: false,
      showTableFs: false,
      showTableGjs: false,
      showTablePj: false,
      activeName: "first",
      dialogSendMessage: false,
      dialogCustomerInfo: false,
      dialogCustomerGenji: false,
      dialogSearchCustomer: false,
      dialogSearchProduct: false,
      // dialogshow:false,
      fullscreen: false,
      customer: {
        name: "",
        customercode: "",
        customerstatus: "",
        customercate: "",
        creditrank: "",
        creditline: "",
        capital: "",
        annualsales: "",
        bank: "",
        certificateno: "",
        address: "",
        area: "",
        brand: "",
        bankaccount: "",
        trademark: "",
        website: "",
        lperson: "",
        lphone: "",
        contacts: "",

        phone: "",
        phonenum: "",
        weixin: "",
        email: "",
        fax: "",
        resource: "",
        requirement: "",
        ordercountmonth: "",
        purchaseamountmonth: "",
        ordercountyear: "",
        purchaseamountyear: "",
        customerstaffname: "",
        customerstaffcode: "",
        operator: "",
        insertime: "",
        remark: "",
      },
      formData: {
        field101: "",
        field112: 1,
        field105: "",
        field102: "",
        field108: 0,
        field110: "",
        field113: undefined,
        field114: 0,
        field115: 1,
        field118: 0,
        field123: 0,
        field122: 0,
        field206: undefined,
        field212: undefined,
        field170: 2,
        field171: 1,
        field172: "",
        field173: "",
        field174: 0,
        field175: "",
        field177: undefined,
        field178: 0,
        field179: 1,
        field180: 0,
        field181: 0,
        field182: 0,
        field214: undefined,
        field216: undefined,
        field127: [1, "99.984%"],
        field128: "",
        field138: 1,
        field140: 1,
        field135: 6,
        field137: 0,
        field143: undefined,
        field142: 0,
        field144: 1,
        field145: 0,
        field218: undefined,
        field220: undefined,
        field198: "",
        field205: [],
        field188: "",
        field190: "",
        field191: "",
        field189: 1,
        field192: 0,
        field201: 0,
        field195: undefined,
        field194: 0,
        field204: 2,
        field196: 1,
        field202: 0,
        field203: 0,
        field197: 0,
        field224: undefined,
        field226: undefined,
        field2000: undefined,
        field3000: 1,
        field3001: true,
        field3002: false,
      },
      rules: {
        field101: [],
        field112: [],
        field105: [],
        field102: [],
        field108: [],
        field110: [],
        field113: [],
        field114: [],
        field115: [],
        field118: [],
        field123: [],
        field122: [],
        field170: [],
        field171: [],
        field172: [],
        field173: [],
        field174: [],
        field175: [],
        field177: [],
        field178: [],
        field179: [],
        field180: [],
        field181: [],
        field182: [],
        field127: [],
        field128: [],
        field138: [],
        field140: [],
        field135: [],
        field137: [],
        field143: [],
        field142: [],
        field144: [],
        field145: [],
        field198: [],
        field205: [],
        field188: [],
        field190: [],
        field191: [],
        field189: [],
        field192: [],
        field201: [],
        field195: [],
        field194: [],
        field204: [],
        field196: [],
        field202: [],
        field203: [],
        field197: [],
        field2000: [],
        field3000: [],
      },
      field101Options: [
        {
          label: "钻石",
          value: 1,
        },
        {
          label: "红宝石",
          value: 2,
        },
        {
          label: "蓝宝石",
          value: 3,
        },
        {
          label: "祖母绿",
          value: 4,
        },
        {
          label: "珍珠",
          value: 5,
        },
        {
          label: "白贝",
          value: 6,
        },
        {
          label: "尖晶石",
          value: 7,
        },
        {
          label: "彩钻石",
          value: 8,
        },
        {
          label: "其他",
          value: 9,
        },
      ],
      field105Options: [
        {
          label: "D",
          value: "D",
        },
        {
          label: "E",
          value: "E",
        },
        {
          label: "F",
          value: "F",
        },
        {
          label: "G",
          value: "G",
        },
        {
          label: "H",
          value: "H",
        },
        {
          label: "I",
          value: "I",
        },
        {
          label: "J",
          value: "J",
        },
        {
          label: "K",
          value: "K",
        },
        {
          label: "L",
          value: "L",
        },
        {
          label: "M",
          value: "M",
        },
        {
          label: "N",
          value: "N",
        },
      ],
      field102Options: [
        {
          label: "FL",
          value: 1,
        },
        {
          label: "IF",
          value: 2,
        },
        {
          label: "VVS1",
          value: 3,
        },
        {
          label: "VVS2",
          value: 4,
        },
        {
          label: "VS1",
          value: 5,
        },
        {
          label: "VS2",
          value: 6,
        },
        {
          label: "SI1",
          value: 7,
        },
        {
          label: "SI2",
          value: 8,
        },
        {
          label: "P1",
          value: 9,
        },
        {
          label: "P2",
          value: 10,
        },
        {
          label: "P3",
          value: 11,
        },
      ],
      field2000Options: [
        {
          label: "圆形",
          value: 1,
        },
        {
          label: "心形",
          value: 2,
        },
        {
          label: "梨形",
          value: 3,
        },
        {
          label: "椭圆形",
          value: 4,
        },
        {
          label: "公主方",
          value: 5,
        },
        {
          label: "玫瑰",
          value: 6,
        },
        {
          label: "马眼",
          value: 7,
        },
        {
          label: "绿术石形",
          value: 8,
        },
        {
          label: "其它",
          value: 9,
        },
      ],
      field110Options: [
        {
          label: "完美",
          value: 1,
        },
        {
          label: "非常好",
          value: 2,
        },
        {
          label: "一般",
          value: 3,
        },
        {
          label: "差",
          value: 4,
        },
      ],

      field115Options: [
        {
          label: "是",
          value: 1,
        },
        {
          label: "否",
          value: 2,
        },
      ],
      field170Options: [
        {
          label: "钻石",
          value: 1,
        },
        {
          label: "红宝石",
          value: 2,
        },
        {
          label: "蓝宝石",
          value: 3,
        },
        {
          label: "祖母绿",
          value: 4,
        },
        {
          label: "珍珠",
          value: 5,
        },
        {
          label: "白贝",
          value: 6,
        },
        {
          label: "尖晶石",
          value: 7,
        },
        {
          label: "彩钻石",
          value: 8,
        },
        {
          label: "其他",
          value: 9,
        },
      ],
      field172Options: [
        {
          label: "D",
          value: "D",
        },
        {
          label: "E",
          value: "E",
        },
        {
          label: "F",
          value: "F",
        },
        {
          label: "G",
          value: "G",
        },
        {
          label: "H",
          value: "H",
        },
        {
          label: "I",
          value: "I",
        },
        {
          label: "J",
          value: "J",
        },
        {
          label: "K",
          value: "K",
        },
        {
          label: "L",
          value: "L",
        },
        {
          label: "M",
          value: "M",
        },
        {
          label: "N",
          value: "N",
        },
      ],
      field173Options: [
        {
          label: "FL",
          value: 1,
        },
        {
          label: "IF",
          value: 2,
        },
        {
          label: "VVS1",
          value: 3,
        },
        {
          label: "VVS2",
          value: 4,
        },
        {
          label: "VS1",
          value: 5,
        },
        {
          label: "VS2",
          value: 6,
        },
        {
          label: "SI1",
          value: 7,
        },
        {
          label: "SI2",
          value: 8,
        },
        {
          label: "P1",
          value: 9,
        },
        {
          label: "P2",
          value: 10,
        },
        {
          label: "P3",
          value: 11,
        },
      ],
      field175Options: [
        {
          label: "圆形",
          value: 1,
        },
        {
          label: "心形",
          value: 2,
        },
        {
          label: "梨形",
          value: 3,
        },
        {
          label: "椭圆形",
          value: 4,
        },
        {
          label: "公主方",
          value: 5,
        },
        {
          label: "玫瑰",
          value: 6,
        },
        {
          label: "马眼",
          value: 7,
        },
        {
          label: "绿术石形",
          value: 8,
        },
        {
          label: "其它",
          value: 9,
        },
      ],
      field179Options: [
        {
          label: "是",
          value: 1,
        },
        {
          label: "否",
          value: 2,
        },
      ],
      field3000Options: [
        {
          label: "是",
          value: 1,
        },
      ],
      field127Options: [
        {
          label: "黄金",
          value: 1,
          id: 101,
          children: [
            {
              label: "千足金99.9%",
              value: "千足金99.9%",
              id: 108,
            },
            {
              label: "万足金99.99%",
              value: "万足金99.99%",
              id: 107,
            },
            {
              label: "24K 99.984%(999‰)",
              value: "99.984%",
              id: 106,
            },
            {
              label: "22k 91.652%(916‰)",
              value: "22k 91.652%(916‰)",
              id: 109,
            },
          ],
        },
        {
          label: "铂金",
          value: "铂金",
          id: 110,
          children: [
            {
              label: "PT999（99.9%）",
              value: "PT999",
              id: 111,
            },
            {
              label: "PT990（99%）",
              value: "PT990",
              id: 112,
            },
          ],
        },
      ],
      field140Options: [
        {
          label: "件",
          value: 1,
        },
        {
          label: "套",
          value: 2,
        },
        {
          label: "款",
          value: 3,
        },
      ],
      field135Options: [
        {
          label: "红",
          value: 1,
        },
        {
          label: "黄",
          value: 2,
        },
        {
          label: "蓝",
          value: 3,
        },
        {
          label: "黑",
          value: 4,
        },
        {
          label: "白",
          value: 5,
        },
        {
          label: "橙",
          value: 6,
        },
        {
          label: "绿",
          value: 7,
        },
        {
          label: "青",
          value: 8,
        },
        {
          label: "玫瑰金",
          value: 9,
        },
        {
          label: "玫瑰金",
          value: 10,
        },
        {
          label: "其它",
          value: 11,
        },
      ],
      field144Options: [
        {
          label: "是",
          value: 1,
        },
        {
          label: "否",
          value: 2,
        },
      ],
      field198Options: [
        {
          label: "钻石",
          value: 1,
        },
        {
          label: "红宝石",
          value: 2,
        },
        {
          label: "蓝宝石",
          value: 3,
        },
        {
          label: "祖母绿",
          value: 4,
        },
        {
          label: "珍珠",
          value: 5,
        },
        {
          label: "白贝",
          value: 6,
        },
        {
          label: "尖晶石",
          value: 7,
        },
        {
          label: "彩钻石",
          value: 8,
        },
        {
          label: "其他",
          value: 9,
        },
      ],
      fieldGgccOptions: [
        {
          label: "戒指",
          value: 1,
          id: 101,
          children: [
            {
              label: "7",
              value: "46mm",
              id: 108,
            },
            {
              label: "8",
              value: "47.5mm",
              id: 107,
            },
            {
              label: "9",
              value: "48mm",
              id: 106,
            },
            {
              label: "10",
              value: "50.5mm",
              id: 109,
            },
          ],
        },
        {
          label: "项链",
          value: "2",
          id: 110,
          children: [
            {
              label: "2",
              value: "PT9991",
              id: 111,
            },
            {
              label: "3",
              value: "PT9901",
              id: 112,
            },
          ],
        },
      ],
      field205Options: [
        {
          label: "黄金",
          value: 1,
          id: 101,
          children: [
            {
              label: "千足金99.9%",
              value: "千足金99.9%",
              id: 108,
            },
            {
              label: "万足金99.99%",
              value: "万足金99.99%",
              id: 107,
            },
            {
              label: "24K 99.984%(999‰)",
              value: "99.984%",
              id: 106,
            },
            {
              label: "22k 91.652%(916‰)",
              value: "22k 91.652%(916‰)",
              id: 109,
            },
          ],
        },
        {
          label: "铂金",
          value: "铂金",
          id: 110,
          children: [
            {
              label: "PT999（99.9%）",
              value: "PT999",
              id: 111,
            },
            {
              label: "PT990（99%）",
              value: "PT990",
              id: 112,
            },
          ],
        },
      ],
      field190Options: [
        {
          label: "件",
          value: 1,
        },
        {
          label: "套",
          value: 2,
        },
        {
          label: "款",
          value: 3,
        },
      ],
      field191Options: [
        {
          label: "红",
          value: 1,
        },
        {
          label: "黄",
          value: 2,
        },
        {
          label: "蓝",
          value: 3,
        },
        {
          label: "黑",
          value: 4,
        },
        {
          label: "白",
          value: 5,
        },
        {
          label: "橙",
          value: 6,
        },
        {
          label: "绿",
          value: 7,
        },
        {
          label: "青",
          value: 8,
        },
        {
          label: "玫瑰金",
          value: 9,
        },
        {
          label: "玫瑰金",
          value: 10,
        },
        {
          label: "其它",
          value: 11,
        },
      ],
      field204Options: [
        {
          label: "货重*金价",
          value: 1,
        },
        {
          label: "数量*单价",
          value: 2,
        },
      ],
      field196Options: [
        {
          label: "是",
          value: 1,
        },
        {
          label: "否",
          value: 2,
        },
      ],
      field127Props: {
        multiple: false,
        label: "label",
        value: "value",
        children: "children",
      },
      field205Props: {
        multiple: false,
        label: "label",
        value: "value",
        children: "children",
      },
      tableDataZs: [
        {
          id: "1",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "否",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "钻石",
          smjz: "40000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "圆形",
          qg: "一般",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "钻石",
          smjz: "50000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "4",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataFs: [
        {
          id: "1",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "否",
          psf: "120",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "红宝石",
          smjz: "40000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "5.005",
          xz: "圆形",
          qg: "一般",
          kfgh: "是",
          psf: "120",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "钻石",
          smjz: "50000",
          number: "2",
          ys: "D",
          jd: "FL",
          ct: "1",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          psf: "130",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
        {
          id: "4",
          name: "钻石",
          smjz: "20000",
          number: "1",
          ys: "D",
          jd: "FL",
          ct: "1231",
          xz: "公主方",
          qg: "完美",
          kfgh: "是",
          psf: "150",
          xsfdj: "100",
          xsfzj: "100",
          zsdj: "10000",
          zszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataGjs: [
        {
          id: "1",
          name: "黄金",
          kfgh: "否",
          cs: "99%",
          ys: "黄",
          jjz: "121",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          ssjj: "10000",
          shl: "3",
          lhz: "4",
          gjszj: "20000",
          price_sum: "10000",
        },
      ],
      tableDataPj: [
        {
          id: "1",
          name: "配件1",
          namegjs: "黄金",
          kfgh: "否",
          cs: "99%",
          ys: "黄",
          jjz: "1231",
          gfdj: "234",
          gfzj: "444",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "2",
          name: "配件2",
          namegjs: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
        {
          id: "3",
          name: "配件3",
          namegjs: "铂金",
          kfgh: "是",
          cs: "99%",
          ys: "白",
          jjz: "1231",
          gjsdj: "10000",
          gjszj: "20000",
          price_sum: "10000",
        },
      ],
    };
  },
  components: {
    "dialog-tools": "url:../tools/dialog-tools.vue",
  },
};
</script>
